<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/7/3
  Time: 10:01
  To change this template use File | Settings | File Templates.
--%>
<%@page import="cn.movie.pojo.Movie"%>
<%@page import="java.util.List"%>
<%@page import="cn.movie.service.MovieServiceImpl"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<html>
<head>
<title>主页</title>
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
	rel="stylesheet">
<link href='http://fonts.useso.com/css?family=Roboto:400,100,700'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:800italic'
	rel='stylesheet' type='text/css'>
<link href="css/gozha-nav.css" rel="stylesheet" />
<link href="css/external/jquery.selectbox.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css"
	media="screen" />
<link href="css/style.css?v=1" rel="stylesheet" />
<script src="js/external/modernizr.custom.js"></script>
</head>
<body>
<!-- 王小艺->
	<div class="wrapper">
		<!-- 头部导航栏-->
		<jsp:include page="header.jsp"></jsp:include>
		<!-- 搜索框-->
		<jsp:include page="search.jsp"></jsp:include>
		<!-- Slider -->
		<div class="bannercontainer">
			<div class="banner">
				<ul>
					<li data-transition="fade" data-slotamount="7" class="slide"
						data-slide='Rush.'><img alt='' src="images/b1.jpg">
						<div class="caption slide__name margin-slider" data-x="right"
							data-y="80" data-splitin="chars" data-elementdelay="0.1"
							data-speed="700" data-start="1400" data-easing="easeOutBack"
							data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
							data-frames="{ typ :lines;
                                                 elementdelay :0.1;
                                                 start:1650;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 },
                                                 { typ :lines;
                                                 elementdelay :0.1;
                                                 start:2150;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:00;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 }
                                                 "
							data-splitout="lines" data-endelementdelay="0.1"
							data-customout="x:-230;y:0;z:0;rotationX:0;rotationY:0;rotationZ:90;scaleX:0.2;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%"
							data-endspeed="500" data-end="8400" data-endeasing="Back.easeIn">
							RUSH</div>

						<div class="caption slide__time margin-slider sfr str"
							data-x="right" data-hoffset='-243' data-y="186" data-speed="300"
							data-start="2100" data-easing="easeOutBack" data-endspeed="300"
							data-end="8700" data-endeasing="Back.easeIn">From</div>
						<div class="caption slide__date margin-slider lfb ltb"
							data-x="right" data-hoffset='-149' data-y="186" data-speed="500"
							data-start="2400" data-easing="Power4.easeOut"
							data-endspeed="400" data-end="8200" data-endeasing="Back.easeIn">
							October 18</div>
						<div class="caption slide__time margin-slider sfr str"
							data-x="right" data-hoffset='-113' data-y="186" data-speed="300"
							data-start="2100" data-easing="easeOutBack" data-endspeed="300"
							data-end="8700" data-endeasing="Back.easeIn">- till</div>
						<div class="caption slide__date margin-slider lfb ltb"
							data-x="right" data-y="186" data-speed="500" data-start="2800"
							data-easing="Power4.easeOut" data-endspeed="400" data-end="8200"
							data-endeasing="Back.easeIn">November 01</div>
						<div class="caption slide__text margin-slider customin customout"
							data-x="right" data-y="250"
							data-customin="x:0;y:100;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:3;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:0% 0%;"
							data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
							data-speed="400" data-start="3000" data-endspeed="400"
							data-end="8000" data-endeasing="Back.easeIn">
							Two-time Academy Award winner Ron Howard, teams once again with
							fellow two-time Academy<br> Award nominee, writer Peter
							Morgan , on Rush, a spectacular big-screen re-creation of the
							merciless<br> 1970s rivalry between James Hunt and Niki
							Lauda.
						</div>
						<div class="caption margin-slider skewfromright customout "
							data-x="right" data-y="324"
							data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
							data-speed="400" data-start="3300" data-easing="Power4.easeOut"
							data-endspeed="300" data-end="7700"
							data-endeasing="Power4.easeOut">
							<a href="#" class="slide__link">check out cinemas &amp; time</a>
						</div></li>

					<li data-transition="fade" data-slotamount="7"
						class="slide fading-slide"
						data-slide='Travel worldwide.
Create trip film.'><img alt=''
						src="images/b2.jpg">

						<div class="caption slide__name slide__name--smaller"
							data-x="left" data-y="160" data-splitin="chars"
							data-elementdelay="0.1" data-speed="700" data-start="1400"
							data-easing="easeOutBack"
							data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
							data-frames="{ typ :lines;
                                                 elementdelay :0.1;
                                                 start:1650;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 },
                                                 { typ :lines;
                                                 elementdelay :0.1;
                                                 start:2150;
                                                 speed:500;
                                                 ease:Power3.easeOut;
                                                 animation:x:0;y:0;z:0;rotationX:00;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:1;transformPerspective:600;transformOrigin:50% 50%;
                                                 }
                                                 "
							data-splitout="lines" data-endelementdelay="0.1"
							data-customout="x:-230;y:0;z:0;rotationX:0;rotationY:0;rotationZ:90;scaleX:0.2;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%"
							data-endspeed="500" data-endeasing="Back.easeIn">Travel,
							Admire, Remember.</div>

						<div
							class="caption slide__time position-center postion-place--one sfr stl"
							data-x="left" data-y="242" data-speed="300" data-start="2100"
							data-easing="easeOutBack" data-endspeed="300"
							data-endeasing="Back.easeIn">From</div>
						<div
							class="caption slide__date position-center postion-place--two lfb ltb"
							data-x="left" data-y="242" data-speed="500" data-start="2400"
							data-easing="Power4.easeOut" data-endspeed="400"
							data-endeasing="Back.easeIn">April 18</div>
						<div
							class="caption slide__time position-center postion-place--three sfr stl"
							data-x="left" data-y="242" data-speed="300" data-start="2100"
							data-easing="easeOutBack" data-endspeed="300"
							data-endeasing="Back.easeIn">- till</div>
						<div
							class="caption slide__date position-center postion-place--four lfb ltb"
							data-x="left" data-y="242" data-speed="500" data-start="2800"
							data-easing="Power4.easeOut" data-endspeed="400"
							data-endeasing="Back.easeIn">May 01</div>

						<div class="caption lfb slider-wrap-btn ltb" data-x="left"
							data-y="310" data-speed="400" data-start="3300"
							data-easing="Power4.easeOut" data-endspeed="500"
							data-endeasing="Power4.easeOut">
							<a href="#" class="btn btn-md btn--danger btn--wide slider--btn">learn
								more</a>
						</div></li>

					<li data-transition="fade" data-slotamount="7" class="slide"
						data-slide='Stop wishing.
Start doing.'><img alt=''
						src="images/b3.jpg">
						<div
							class="caption slide__name slide__name--smaller slide__name--specific customin customout"
							data-x="left" data-y="160"
							data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
							data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
							data-speed="700" data-start="1400" data-easing="easeOutBack"
							data-endspeed="500" data-end="8600" data-endeasing="Back.easeIn">
							Stop <span class="highlight">wishing.</span> Start <span
								class="highlight">doing.</span>
						</div>

						<div class="caption slide__descript customin customout"
							data-x="left" data-y="240"
							data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
							data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
							data-speed="700" data-start="2000" data-endspeed="500"
							data-end="8400" data-endeasing="Back.easeIn">find your best
							match movie with A.MOVIE</div>

						<div class="caption lfb customout slider-wrap-btn" data-x="left"
							data-y="310" data-speed="500" data-start="2800"
							data-easing="Power4.easeOut"
							data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
							data-endspeed="400" data-end="8000"
							data-endeasing="Power4.easeOut">
							<a href="#" class="btn btn-md btn--danger slider--btn">check
								out movies</a>
						</div></li>

				</ul>
			</div>
		</div>

		<!--end slider -->
		<div class="copyrights">
			Collect from <a href="http://www.cssmoban.com/">手机网站模板</a>
		</div>

		<!-- Main content -->
		<section class="container">
			<div class="movie-best">
				<div class="col-sm-10 col-sm-offset-1 movie-best__rating">今日最佳选择</div>
				<div class="col-sm-12 change--col">
					<%
						MovieServiceImpl m = new MovieServiceImpl();
													List<Movie> list = m.getMovieByDateNear("2019-6-14");
													for (Movie movie : list) {
					%>
					<div class="movie-beta__item ">
						<img alt='' src="images/m1.jpg"> <span class="best-rate"><%=movie.getScore()%></span>

						<ul class="movie-beta__info">
							<li><span class="best-voted"><%=movie.getMovieName()%></span></li>
							<li>
								<p class="movie__time"><%=movie.getTotalTime()%>
									分钟
								</p>
								<p><%=movie.getTypename()%></p>
								<p>
									评分：<%=movie.getScore()%></p>
							</li>
							<li class="last-block"><a href="movie-page-left.html"
								class="slide__link">更多</a></li>
						</ul>

					</div>
					<%
						}
					%>
				</div>
				<div class="col-sm-10 col-sm-offset-1 movie-best__check">查看正在热映的所有电影</div>
			</div>

			<div class="col-sm-12">
				<div class="mega-select-present mega-select-top mega-select--full">
					<div class="mega-select-marker">
						<div class="marker-indecator location">
							<p class="select-marker">
								<span>现在看电影 </span> <br>在你的城市
							</p>
						</div>

					</div>

					<div class="mega-select pull-right">
						<span class="mega-select__point">通过搜索</span>
						<ul class="mega-select__sort">
							<li class="filter-wrap"><a href="#"
								class="mega-select__filter filter--active"
								data-filter='location'>位置</a></li>
							<li class="filter-wrap"><a href="#"
								class="mega-select__filter" data-filter='cinema'>电影院</a></li>
							<li class="filter-wrap"><a href="#"
								class="mega-select__filter" data-filter='actors'>演员</a></li>
							<li class="filter-wrap"><a href="#"
								class="mega-select__filter" data-filter='director'>导演</a></li>
							<li class="filter-wrap"><a href="#"
								class="mega-select__filter" data-filter='country'>国家</a></li>
						</ul>

						<input name="search-input" type='text' class="select__field">

					</div>
				</div>
			</div>

			<div class="clearfix"></div>

			<h2 id='target' class="page-heading heading--outcontainer">正在热映的电影</h2>

			<div class="col-sm-12">
				<div class="row">
					<div class="col-sm-8 col-md-9">
						<!-- Movie variant with time -->
						<%
							List<Movie> list2 = m.getMovieByDateNear("2019-6-15");
														for (Movie movie : list2) {
						%>
						<div class="movie movie--test movie--test--dark movie--test--left">
							<div class="movie__images">
								<a href="movie-page-left.html" class="movie-beta__link"> <img
									alt='' src="images/424-424.png">
								</a>
							</div>

							<div class="movie__info">
								<a href='movie-page-left.html' class="movie__title"><%=movie.getMovieName()%>
								</a>

								<p class="movie__time"><%=movie.getTotalTime()%>分钟
								</p>

								<p class="movie__option">
									<a href="#"><%=movie.getTypename()%></a>
								</p>

								<div class="movie__rate">
									<div class="score"></div>
									<span class="movie__rating"><%=movie.getScore()%></span>
								</div>
							</div>
							
						</div>
						<%
								}
							%>
						
						</div>
					</div>
				</div>

		</section>

		<!-- 底部-->
		<jsp:include page="footer.jsp"></jsp:include>




		<!-- JavaScript-->
		<!-- jQuery 1.9.1-->
		<script
			src="http://ajax.useso.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script>
			window.jQuery
					|| document
							.write('<script src="js/external/jquery-1.10.1.min.js"><\/script>')
		</script>
		<!-- Migrate -->
		<script src="js/external/jquery-migrate-1.2.1.min.js"></script>
		<!-- Bootstrap 3-->
		<script
			src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

		<!-- jQuery REVOLUTION Slider -->
		<script type="text/javascript"
			src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
		<script type="text/javascript"
			src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

		<!-- Mobile menu -->
		<script src="js/jquery.mobile.menu.js"></script>
		<!-- Select -->
		<script src="js/external/jquery.selectbox-0.2.min.js"></script>
		<!-- Stars rate -->
		<script src="js/external/jquery.raty.js"></script>

		<!-- Form element -->
		<script src="js/external/form-element.js"></script>
		<!-- Form validation -->
		<script src="js/form.js"></script>

		<!-- Twitter feed -->
		<script src="js/external/twitterfeed.js"></script>

		<!-- Custom -->
		<script src="js/custom.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				init_Home();
			});
		</script>
</body>
</html>
